手順 1：ビューの設定

この手順では、マークアップを追加し、コンテンツをバブルチャートに追加します。以下を実行します。

Microsoft Visual Studio の［ファイル］メニューから、[新しいプロジェクト］を選択します。［新しいプロジェクト］ダイアログボックスが開きます。
テンプレートの［Visual Basic］または［Visual C#］より［Web］を選択します。
右ペインから［ASP.NET MVC 4 Wijmo アプリケーション］を選択します。
［名前］、［場所］、［ソリューション名］フィールドを設定して、〈OK〉をクリックします。
新しい ASP.NET MVC Wijmo 4 アプリケーションが作成されます。Models、Views、および Controllers フォルダが含まれていることがわかります。これらのフォルダは Wijmo for MVC のチュートリアルで使用します。
ソリューションエクスプローラで、Views | Shared フォルダを展開し、_Layout.cshtml をダブルクリックして、ファイルを開きます。

次のマークアップをページのタグ内に追加します。このマークアップはバブルのコンテンツをページに追加します。バブルチャートの幅と高さはここで定義されます。

ソースビュー	コードのコピー
<h3> ハードウェア分布</h3> <div id="wijbubblechart" class="ui-widget ui-widget-content ui-corner-all" style="width: 500px; height: 400px;"> </div>